﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="FortuneHeaven.Web.Index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>财富天堂</title>
        <link href="Content/CSS/base.css" rel="stylesheet" type="text/css" />
    <link href="Content/CSS/register.css" rel="stylesheet" type="text/css" />
    <style type="text/css">

body {
font-size:12px; font-family:Arial, Helvetica, sans-serif; 
	margin:0px;
	padding:0;
	background: url(Content/Image/Main/bg.jpg) no-repeat scroll center top transparent;
	background-color: #AEE0F9;
}
 #faqbg{background-color:#666666; position:absolute; z-index:99; left:0; top:0; display:none; width:100%; height:1000px;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}  
#faqdiv{position:absolute;width:400px; left:50%; top:50%; margin-left:-200px; height:359px; z-index:100;background-color:#fff; }  
#winnerdiv tr
{
     height:30px;
    }
</style>
<script src="Content/Script/jquery-1.4.1.js"></script>
<script>
    onload = function () {
        if(<%=ShowPic %> == 1)
        {
            $("#faqbg").css({ display: "block", height: $(document).height() });
            var yscroll = document.documentElement.scrollTop;
            $("#faqdiv").css("top", "100px");
            $("#faqdiv").css("display", "block");
            document.documentElement.scrollTop = 0;
        }
     $(".mark").keydown(function (event) {
            if (event.which == 13 ) {
                event.cancelBubble = true;
                event.returnValue = false;
                __doPostBack('<%=lbRegister.ClientID.Replace("_","$")%>', '');

                return false;
            }
        });

        $("area").click(function () {
            $("#faqbg").css({ display: "block", height: $(document).height() });
            var yscroll = document.documentElement.scrollTop;
            $("#faqdiv").css("top", "100px");
            $("#faqdiv").css("display", "block");
            document.documentElement.scrollTop = 0;
		return false;
	
        });
 $(".linka").click(function () {
            $("#faqbg").css({ display: "block", height: $(document).height() });
            var yscroll = document.documentElement.scrollTop;
            $("#faqdiv").css("top", "100px");
            $("#faqdiv").css("display", "block");
            document.documentElement.scrollTop = 0;
		return false;
	
        });
        $("#close").click(function () {
            $("#faqbg").css("display", "none");
            $("#faqdiv").css("display", "none");
        });  
        var Mar = document.getElementById("winnerdiv");
        var child_div = document.getElementById("winnertable")

        var line = 36;
        var count = <%= GetCount() %>;
        var picH = line * 2; //移动高度
        var totalH = line * count;
        var scrollstep = 2; //移动步幅,越大越快
        var scrolltime = 20; //移动频度(毫秒)越大越慢
        var stoptime = 3000; //间断时间(毫秒)
        Mar.innerHTML += Mar.innerHTML;
        function start() {
            Mar.scrollTop += scrollstep;
            if (Mar.scrollTop >= totalH) {
                Mar.scrollTop = 0;
            }
            if (Mar.scrollTop % picH < scrollstep) {
                setTimeout(start, stoptime);
            } else {
                setTimeout(start, scrolltime);
            }
        }
        setTimeout(start, stoptime)
        slide('#productshow', '#productslide', '#productimg', '#productimg2');
            if(<%=isError %> == 1)
        {
            alert("<%=ErroInfor %>");
        }

    };

  
    function slide(main, parent, div1, div2) {
        var speed = 100;

        var tab = $(parent);
        var tab1 = $(div1);
        var tab2 = $(div2);
        tab2.html(tab1.html());

        function Marquee() {
            if (tab.position().left <= -tab1.width() + 1) {
                tab.css("left", "0px");
            }
            else {
                tab.css("left", tab.position().left - 1 + "px");
            }
        }

        var MyMar = setInterval(Marquee, speed);
        tab.mouseover(function () { clearInterval(MyMar) });
        tab.mouseout(function () { MyMar = setInterval(Marquee, speed) });
    }
</script>
</head>
<body>
    <form id="form1" runat="server">
     <div id="faqbg"></div>  
    <div class="register" id="faqdiv" style="display:none">
        <ul>
            <li><span class="left">用户名</span><span class="right"><asp:TextBox ID="txtAccount" TextMode="SingleLine"  runat="server" Text=""></asp:TextBox></span></li>
            <li><span class="left">密码</span><span class="right"><asp:TextBox ID="txtPwd" TextMode="Password"   runat="server" Text=""></asp:TextBox></span></li>
            <li><span class="left">确认密码</span><span class="right"><asp:TextBox ID="txtDbPwd" TextMode="Password"   runat="server" Text=""></asp:TextBox></span></li>
            <li><span class="left">验证码</span><span class="right"><asp:TextBox ID="txtValidate" TextMode="SingleLine" CssClass="text1 mark"  runat="server" Text=""></asp:TextBox><img style="border-width:0px;cursor: pointer; margin-left:5px; width:70px; height:23px; " id='validateimg' src="<%=ResolveUrl("~/ValidationCode.ashx")%>" onclick="this.src='<%=ResolveUrl("~/ValidationCode.ashx")%>?n='+ Math.random();" class="validecode" title="点击刷新验证码。"></span></li>
            <li><span class="left"></span><span class="right"><asp:LinkButton id="lbRegister" runat="server" OnClick="RegisterAccount">
                <img src="Content/Image/Main/zl1.jpg" /></asp:LinkButton ><a id="close" href="#" style=" text-decoration:underline; font-size:16px; margin-left:10px;">关闭</a>  </span></li>
        </ul>
        <div class="tooltipshowpanel" style=" display: none;"></div>
    </div>
    <asp:HiddenField  ID="hdProvince" runat="server"/>
    <asp:HiddenField ID="hdCity" runat="server" />
    <div style="margin: auto; padding: 0; width: 960px;">
        <table width="100%" border="0" cellspacing="0" style="margin-top: 50px;">
            <tr>
                <td width="35%">
                    &nbsp;
                </td>
                <td width="65%">
                    <img src="Content/Image/Main/space.gif" width="615" height="38" border="0" usemap="#Map" />
                </td>
            </tr>
        </table>
        <table width="100%" border="0" cellspacing="0">
            <tr align="left" valign="top">
                <td width="23%" height="800">
                    <table width="206" border="0" cellspacing="5" cellpadding="0" style="margin-top: 250px">
                        <tr>
                            <td>
                                <img src="Content/Image/Main/space.gif" width="200" height="250" border="0" usemap="#Map2" />
                            </td>
                        </tr>
                    </table>
                </td>
                <td width="77%">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 100px">
                        <tr align="left" valign="top">
                            <td width="438">
                                 <a style=" cursor:pointer" class="linka"  href='#'><img src="Content/Image/Main/space.gif" width="438" height="231" /></a>
                            </td>
                            <td width="300" align="right">
                                <img src="Content/Image/Main/space.gif" width="284" height="221" border="0" usemap="#Map3" />
                            </td>
                        </tr>
                    </table>
                    <table width="100%" border="0" cellspacing="30" cellpadding="0" style="margin: 35px 0 0 0">
                        <tr>
                            <td>
                                <div style="height: 134px; width: 680px;  overflow:hidden; position:relative;" id="productshow">
                                    <div id="productslide" style="position: absolute; width: 1948px;">
                                        <table border="0" cellspacing="3" cellpadding="0" id="productimg" style="float: left;
                                            width: 973x;">
                                            <tr align="center">
                                                <td>
						   <a class="linka" href="#">
                                                    <img src="Content/Image/Main/1.jpg" width="191" height="128" />
						   </a>
                                                </td>
                                                <td>
						   <a class="linka" href="#">
                                                    <img src="Content/Image/Main/2.jpg" width="191" height="128" />
						   </a>
                                                </td>
                                                <td>
						   <a class="linka" href="#">
                                                    <img src="Content/Image/Main/3.jpg" width="191" height="128" />
						   </a>
                                                </td>
                                                <td>
						   <a class="linka" href="#">
                                                    <img src="Content/Image/Main/5.jpg" width="191" height="128" />
							</a>
                                                </td>
                                                <td>
						   <a class="linka" href="#">
                                                    <img src="Content/Image/Main/4.jpg" width="191" height="128" />
						</a>
                                                </td>
                                            </tr>
                                        </table>
                                        <table border="0" cellspacing="3" cellpadding="0" id="productimg2" style="float: left;
                                            width: 973px;">
                                        </table>
                                    </div>
                                </div>
                                <table width="100%" border="0" cellspacing="3" cellpadding="0" style="margin-top: 5px;">
                                    <tr align="center">
                                        <td>
						   <a class="linka" href="#">
                                            <img src="Content/Image/Main/1-1.jpg" width="214" height="86" />
					</a>
                                        </td>
                                        <td>
						   <a class="linka" href="#">
                                            <img src="Content/Image/Main/2-2.jpg" width="214" height="86" />
					</a>
                                        </td>
                                        <td>
						   <a class="linka" href="#">
                                            <img src="Content/Image/Main/3-3.jpg" width="214" height="86" />
					</a>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                    <div id="winnerdiv" style="margin: 40px 45px 10px 45px; width:650px; height:72px; overflow:hidden">
                    <table  id="winnertable" border="0" cellspacing="4" cellpadding="0" style=" width:567px;" >
                        <asp:Literal ID="winnerContent" runat="server"></asp:Literal>
                    </table>
                    </div>
                </td>
            </tr>
        </table>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td height="95">
                    &nbsp;
                </td>
            </tr>
        </table>
    </div>
    <map name="Map" id="Map">
        <area shape="rect" coords="632,16,657,17" href="#" />
        <area shape="rect" coords="532,1,606,34" href="#"/>
        <area shape="rect" coords="432,4,515,34" href="#" />
        <area shape="rect" coords="339,4,424,35" href="#"/>
        <area shape="rect" coords="225,3,320,32" href="#" />
        <area shape="rect" coords="119,3,218,36" href="#"/>
        <area shape="rect" coords="6,3,107,33" href="#" />
    </map>
    <map name="Map2" id="Map2">
        <area shape="rect" coords="6,2,194,52" href="#" />
         <area shape="rect" id="regi" coords="4,61,195,111" href="#" />
        <area shape="rect" coords="1,157,200,208" href="#" />
    </map>
    <map name="Map3" id="Map3">
        <area shape="rect" coords="28,-1,231,1024" href="#" />
    </map>
     <script src="http://s11.cnzz.com/stat.php?id=3396767&web_id=3396767&show=pic" language="JavaScript"></script>
    </form>
</body>
</html>
